<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page contentType="text/html;charset=UTF-8"%>
<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>支付页面</title>
	<style type="text/css">
		@font-face {
			font-family: 'iconfont';
			src: url('${pageContext.request.contextPath}/static/css/font/iconfont.eot');
			src: url('${pageContext.request.contextPath}/static/css/font/iconfont.eot?#iefix') format('embedded-opentype'), url('${pageContext.request.contextPath}/static/css/font/iconfont.woff2') format('woff2'), url('${pageContext.request.contextPath}/static/css/font/iconfont.woff') format('woff'), url('${pageContext.request.contextPath}/static/css/font/iconfont.ttf') format('truetype'), url('${pageContext.request.contextPath}/static/css/font/iconfont.svg#iconfont') format('svg');
		}

		.iconfont {
			font-family: "iconfont", serif !important;
			font-size: 16px;
			font-style: normal;
			-webkit-font-smoothing: antialiased;
			-moz-osx-font-smoothing: grayscale;
		}
	</style>
	<link rel="stylesheet" href="${pageContext.request.contextPath}/static/css/pay.css" />
	<script type="text/javascript" src="${pageContext.request.contextPath}/static/js/jquery-3.1.0.js"></script>
	<script type="text/javascript" src="${pageContext.request.contextPath}/static/js/pay.js"></script>
</head>

<body>
<!--顶部-->
<div class="layout-header clearfix layout-header-order login" id="layoutHeader">
	<div class="mzcontainer">
		<!--魅族商标-->
		<div class="layout-header-logo">
			<a class="layout-header-logo-link" target="_blank">
				<img src="${pageContext.request.contextPath}/static/img/1.png" style="max-width:125px;margin-top:28px;" />
			</a>
		</div>
		<ul class="layout-header-bread">
			<li class="layout-header-bread-block ">
				购物车
			</li>
			<li class="layout-header-bread-block active">
				确认订单
			</li>
			<li class="layout-header-bread-block ">
				在线支付
			</li>
			<li class="layout-header-bread-block ">
				完成
			</li>
		</ul>
		<ul class="layout-header-right">
			<li class="layout-header-right-item">
				<a class="layout-header-right-link" target="_blank">
					我的订单
				</a>
			</li>
			<li class="layout-header-right-item signout">
				<a class="layout-header-right-link">
					登录
				</a>
			</li>
			<li class="layout-header-right-item signout">
				<a class="layout-header-right-link" target="_blank">
					注册
				</a>
			</li>
			<li class="layout-member signin">
				<a class="layout-member-link" target="_blank">
					<span class="layout-member-username" id="topbarUser"></span> 的商城
					<i class="layout-member-triangle"></i>
				</a>
				<ul class="layout-member-downmenu">
					<li class="layout-member-downmenu-item">
						<a class="layout-member-downmenu-link" target="_blank">
							地址管理
						</a>
					</li>
					<li class="layout-member-downmenu-item">
						<a class="layout-member-downmenu-link" target="_blank">
							我的收藏
						</a>
					</li>
					<li class="layout-member-downmenu-item" target="_blank">
						<a class="layout-member-downmenu-link" target="_blank">
							我的回购金
						</a>

					</li>
					<li class="layout-member-downmenu-item" target="_blank">
						<a class="layout-member-downmenu-link" target="_blank">
							问题反馈
						</a>
					</li>
					<li class="layout-member-downmenu-item" target="_blank">
						<a class="layout-member-downmenu-link" target="_blank">
							退出
						</a>
					</li>
				</ul>
			</li>
		</ul>
	</div>
</div>
<!--中部样式-->
<!--订单详情页面-->
<div class="list-head">
	<div class="list-body">支付成功</div>
</div>
<div id="tableList" class="type-contain ui-load-container">
	<div class="ui-load-content">
		<input id="unPayNum" type="hidden" value="0" />
		<table class="orderItem">
			<tbody>
			<tr class="trHead">
				<td colspan="4" class="title clearfix">
					<div class="f-fl">
						下单时间：
						<span class="time">2019-08-08 11:18:04</span> 订单号：
						<span class="orderNumber">51080804181123160081</span>
						<a class="kefu j-kefu"> 联系客服</a>
					</div>
				</td>
			</tr>
			<tr class="list-box b-l b-r b-b">
				<td class="list b-r j-iamCart">
					<div class="cart-wrap j-CartWrap">
						<div class="shop j-shop">
							<div class="item b-t clearfix j-iamMain">
								<a class="productDetail nameWidth" target="_blank">
									<img src="${pageContext.request.contextPath}/static/img/cg.png" class="f-fl" />
								</a>
								<div class="describe f-fl ">
									<div class="vertic clearfix">
													<span class="clearfix">
																		<a class="productDetail nameWidth" target="_blank">

                                          魅族 16s 全网通公开版 碳纤黑 6+128GB
																		</a>
																		<p >
                                           			 ￥2699
                                          			  ×1
                                          				</p>
																	</span>
									</div>
								</div>
								<input type="hidden" class="orderSn" value="51080804181123160081" />
								<input type="hidden" class="isCart" value="1" />
								<input class="orderSnSon" type="hidden" value="21080804181123162081" />
								<input type="hidden" class="supplierId" value="1" />
								<input type="hidden" class="supportXiaoneng" value="1" />
								<input type="hidden" class="brandName" value="魅族" />
							</div>
						</div>
					</div>
				</td>
				<td class="b-r w125 center price b-t">
					<div class="priceDiv">
						￥ 2699
						<span class="huabei j-huabei">花呗分期</span>
					</div>
				</td>
				<td class="b-r w125 center state b-t">
					<div class="stateDiv">
						<div>
							已成功<br>
						</div>
					</div>
				</td>
				<td class="w125 center opreat b-t">
					<ul>
						<li class="more">
							<a target="_blank">查看详情</a>
						</li>
					</ul>
				</td>
			</tr>
			</tbody>
		</table>
	</div>
</div>
<!--底部 -->
<div class="meizu-footer">
	<div class="meizu-footer-link">
		<!--底部服务项目-->
		<div class="meizu-row">
			<ul class="meizu-footer-service">
				<li>
					<a>
						<img src="${pageContext.request.contextPath}/static/img/meizu49.png" />
						<span>满80免运费</span>
					</a>
				</li>
				<li>
					<a>
						<img src="${pageContext.request.contextPath}/static/img/meizu50.png" />
						<span>100+ 城市次日送达</span>
					</a>
				</li>
				<li>
					<a>
						<img src="${pageContext.request.contextPath}/static/img/meizu51.png" />
						<span>7天无理由退货</span>
					</a>
				</li>
				<li>
					<a>
						<img src="${pageContext.request.contextPath}/static/img/meizu52.png" />
						<span>15天换货保障</span>
					</a>
				</li>
				<li>
					<a>
						<img src="${pageContext.request.contextPath}/static/img/meizu53.png" />
						<span>1年免费保修</span>
					</a>
				</li>
				<li>
					<a>
						<img src="${pageContext.request.contextPath}/static/img/meizu54.png" />
						<span>上门快修</span>
					</a>
				</li>
			</ul>
			<div class="onlive-server">
				<span>周一至周日 7:30-24:00</span>
				<p class="tel">400-788-3333</p>
				<a class="onlive-btn">在线客服</a>
			</div>
		</div>
		<!--服务项目划线-->
		<hr class="foot-hr" />
		<!--底部了解详情-->
		<div class="meizu-footer-co">
			<div class="meizu-row-row">
				<div class="meizu-footer-info">
					<div class="meizu-footer-info-left">
						<ul class="clearfix">
							<li>
								<a><span>了解魅族</span></a>
							</li>
							<li>
								<a><span>加入我们</span></a>
							</li>
							<li>
								<a><span>联系我们</span></a>
							</li>
							<li>
								<a><span>Flyme</span></a>
							</li>
							<li>
								<a><span>魅族社区</span></a>
							</li>
							<li>
								<a><span>天猫旗舰店</span></a>
							</li>
							<li>
								<a><span>问题反馈</span></a>
							</li>
							<li>
								<a><span>线上销售授权名单公示</span></a>
							</li>
							<li>
								<a><span>出版物经营许可证证</span></a>
							</li>
							<li>
								<a><span>简体中文</span></a>
							</li>
						</ul>
					</div>
				</div>
			</div>
		</div>
		<div class="meizu-footer-certificate">
			©2019 Meizu Telecom Equipment Co., Ltd. All rights reserved.
			<a>粤ICP备13003602号</a>
			<a>合字B2-20170010</a>
			<a>营业执照</a>
			<a>法律声明</a>
			<span>粤公网安备 44049102496009号</span>
			<a></a>
			<a></a>
			<a></a>
		</div>
		<div class="ii-subscribe">
			<a><img src="${pageContext.request.contextPath}/static/img/meizu115.png" /></a>
			<span class="li-hr"></span>
			<a><img src="${pageContext.request.contextPath}/static/img/meizu116.png"></a>
			<span class="li-hr"></span>
			<a><img src="${pageContext.request.contextPath}/static/img/meizu117.png"></a>
		</div>
	</div>
</div>
</body>

</html>